<div class="login-container">
  <div class="login-content">
    <h2 class="main_color">后台登录页</h2>
    <form
      nz-form
      [formGroup]="validateForm"
      class="login-form"
      (ngSubmit)="login()"
    >
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入用户名!">
          <nz-input-group nzPrefixIcon="user">
            <input
              type="text"
              nz-input
              formControlName="userName"
              placeholder="用户名"
            />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control nzErrorTip="请输入密码!">
          <nz-input-group nzPrefixIcon="lock">
            <input
              type="password"
              nz-input
              formControlName="password"
              placeholder="密码"
            />
          </nz-input-group>
        </nz-form-control>
      </nz-form-item>
      <div nz-row class="login-form-margin">
        <div nz-col [nzSpan]="12">
          <label nz-checkbox formControlName="remember">
            <span>记住密码</span>
          </label>
        </div>
        <div nz-col [nzSpan]="12">
          <a class="login-form-forgot">忘记密码</a>
        </div>
      </div>
      <div class="login-btn">
        <button
          nz-button
          class="login-form-button login-form-margin"
          [nzType]="'primary'"
        >
         登录
        </button>
      </div>
    </form>
  </div>
</div>
